草庐IT

HTML 5 音频当前位置

全部标签

javascript - jQuery offset() 被 body 位置打破 :relative combined with element margin

这不是错误,因为FF、Chrome、IE9和Win7上的Safari的行为是一致的。我正在开发的应用程序是主机页面的第3方,因此CSS是不可变的。脚本会尝试将新的div与现有元素对齐。正文是position:relative页面顶部有H1H1的边距似乎在计算主体0,0的位置发生变化-即使主体上的背景一直延伸到边缘,并且它的offsetTop属性报告为0在body上设置边框解决了这个问题-看起来很奇怪但在浏览器之间是一致的吗?(不是可行的解决方案)移除H1边距可以解决问题(不是可行的解决方案)这里的例子,JS被注释为复制每个案例:http://codepen.io/anon/pen/EG

javascript - JS - 使用当前窗口大小设置窗口高度

我有一些CSS需要主体设置高度,但这需要根据用户来完成。我编写了一些有效的代码-它计算窗口高度但不改变主体高度。我做错了什么?functionsetWindowHeight(){varwindowHeight=window.innerHeight;document.getElementsByTagName('body').style.height=windowHeight+"px";} 最佳答案 您需要添加一个eventListener,并且您不需要使用getElementsByTagName因为只有1个body标签:functio

javascript - 有没有一种方法可以防止在 jQuery 对象化 HTML 片段中加载图像

我有一个HTML片段,我正在通过jQuery对其进行对象化,以便从中提取一些数据。这个片段有一些我不希望浏览器下载的图像资源。有办法吗?我当前代码的简化版本:varhtml='BlahBlah.........';varobj=$(html);//thismakesthebrowserdownloadthecontainedimagesaswell!!!varmyData={item_1:obj.find('.data:first').text(),item_2:obj.find('.data2:first').text(),....//andsoon..};

用于 mac OSX 的 Chrome 浏览器中 HTML5 Canvas getImageData 的 javascript 内存泄漏

此问题已在新的chrome版本(版本35.0.1916.114)中修复在chromeforma​​cosx中,CanvasRenderingContext2D#getImageData函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只是发生了在chrome浏览器中,safari是可以的CanvasRenderingContext2D#getImageDatabuginchromevarg;functioninit(){g=document.getElementById('canvas').getContext('2d');g.fillStyle="blue";g.fil

javascript - 使用 require 和 backbone 通过 html 文件而不是脚本标签加载模板

我有一个非常简单的网页,它使用backbone从模板文件加载View:TravelDatedon'tknowit?FLIGHT#don'tknowit?Match在flight-match-form.js中,我只是说:$(document).ready(function(){varMatchView=Backbone.View.extend({initialize:function(){this.render();},render:function(){//Compilethetemplateusingunderscorevartemplate=_.template($("#templ

javascript - 如何根据百分比获取 div 位置?

使用这段代码,您可以获得基于像素的div位置。$('#div').position();但是如何根据百分比给div位置呢? 最佳答案 使用窗口大小。varposition=$('#div').position();varpercentLeft=position.left/$(window).width()*100;varpercentTop=position.top/$(window).height()*100;此代码将为您提供顶部和左侧的位置百分比。 关于javascript-如何根据

javascript - 如何动态添加行到html表

我有一个ASP.netMVC4.0web应用程序,它使用户能够动态地将行添加到html表。在我看来:$('.del').live('click',function(){id--;varrowCount=$('#options-tabletr').length;if(rowCount>2){$(this).parent().parent().remove();}});$('.add').live('click',function(){id++;varmaster=$(this).parents("table.dynatable");//Getanewrowbasedontheprotot

javascript - 当前包装 console.log() 以保留行号的最佳方法是什么?

我以前根据其他SO答案使用过以下内容(没有真正理解prototype.apply.apply的必要性(或工作原理)varmylogger={log:function(){if(window.console){if(window.console.log){Function.prototype.apply.apply(console.log,[console,arguments]);}}},...};虽然这可以防止IE自行崩溃,但它也会使行号报告不可用(它总是报告apply.apply..行。我玩了一会儿,发现以下内容似乎完全符合我的需要,即防止IE自行崩溃并报告mylogger.log(

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

javascript - 获取鼠标相对于饼图的位置(方程式)

我已经从一组数据创建了一个Canvas饼图,我现在试图定位鼠标相对于饼图的位置,以检测悬停在哪个数据部分。我快到了,但我被一个等式困住了。我的逻辑运行良好,所以我认为这更像是一道数学题,但我会看看其他人对我的方法有何看法。这是我的饼图和我正在使用的变量:图像上列出的变量是我必须使用的变量(mouseX、mouseY、距中心的距离、半径、圆周率(圆周率)和数据点在圆周上相对于圆周率的部分)。图表的起始部分从右边开始,从pi*2的0开始到pi*2的100%,然后灰色部分的起始位置为1.34...相对于pie*2和结束2.228的位置...我目前的主要问题是使用像素测量来计算它相对于pi的位